課題1 円を小さくしていくアニメーション
課題1
問1.例題2 小さい 円を大きくするを参考に、直径400の円を中心において、直径を1づつ減らして円を描きましょう。
ヒント:diameter を減らすにはどうしたら良いでしょうか?
diameter = diameter - 1;
diameter -= 1;
diameter--;
問1のままでは、前に描いた円も表示されたままです。p5.jsでは、完全な重ね書きです。つまり、前の円を消すか、何かで塗りつぶす必要があります。(実は、例題でも、大きい円の下に小さい円が書かれていましたが、上書きされているので見えていませんでした。)
問2.円が小さくなるように表示するため、毎回キャンバスを塗りつぶしましょう。キャンバスを塗りつぶすには、backgroundo(220) で塗りつぶせば良いことになります。この関数をdraw()の中に入れてください。
注:220 はグレーで塗りつぶすというだけで、何色でも構いません。
例えば、background(220,180,92) では、こんな感じです。
問2まで完成させてから提出してください。名前は「課題1」にしてください。
課題2 基本図形
課題4 円の大きさをifを使って変更する
課題3 天井や床から出てくる円